<template>
  <div>
    <x-header :left-options="{backText: ''}" style="background-color:#31b9b8;">我的缴费单</a>
    </x-header>
    <!--<div class="preview">
      <ul class="yjf">
        <li>姓名：钟圣荣</li>
        <li>班级：XXXXX</li>
        <li>项目：XXXXXXX</li>
        <li>标准：XXXXXXXX</li>
        <li>应缴金额：4000.00</li>
        <li>已缴金额：3000.00</li>
        <li>减免金额：1000.00</li>
        <li>缓缴金额：0.00</li>
        <li>退费金额：0.00</li>
      </ul>
    </div>-->
    <div class="preview">
      <ul class="wjf">
        <li>姓名：钟圣荣</li>
        <li>班级：XXXXX</li>
        <li>项目：XXXXXXX</li>
        <li>标准：XXXXXXXX</li>
        <li>应缴金额：4000.00</li>
        <li>已缴金额：3000.00</li>
        <li>减免金额：1000.00</li>
        <li>缓缴金额：0.00</li>
        <li>退费金额：0.00</li>
      </ul>
    </div>
  </div>
</template>
<script>
  import {XHeader} from 'vux'
  export default {
    components: {
      XHeader
    }
  }
</script>
<style>
  .preview {
    background-color: #fff;
  }

  .yjf {
    background: url("/static/img/wdjfd/yjf.png") no-repeat right 50%;
    background-size: 30% auto;
    border-radius: 5%;
    list-style-type: none;
  }

  .wjf {
    background: url("/static/img/wdjfd/wjf.png") no-repeat right 50%;
    background-size: 30% auto;
    border-radius: 5%;
    list-style-type: none;
  }
</style>
